<template>
	<div id='AudioList'>
		<div class="audio_list" @click="goAudioList(item)" :key='index' v-for="item,index in dataList">
			<div class="audio_list_img_f">
				<img class="audio_list_img" :src="item.title_img" alt="" />
				<div class="audio_list_erji_f">
					<img src="../../assets/erji.png" class="audio_list_erji" alt="" />
				</div>
			</div>
			<div class="audio_list_right">
				<div class="audio_list_title c_text_ellipsis_2">{{item.title}}</div>
				<div class="audio_list_people "><span class="c_text_ellipsis_1">{{item.watch_count}}次学习</span></div>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		name: 'AudioList', 
		props: {
			dataList: {
				default:function(){
					return []
				},
			},
			
		},
		components:{
			
		},
		data(){
			return {
				
			}
		},
		created() {
		},
		watch: {
			
		},
		computed: {
			
		},
		mounted(){
			
		},
		methods:{
			goAudioList(item){
				this.$router.push({
					name:'audioDetail',
					query:{
						id:item.id
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	@import './AudioList.scss';
</style>